@height : 40px;
@width : auto;
@border-color : #DEE1E6;

//solid

button.solid:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

button.hollow:disabled {
  cursor: not-allowed;
}

button.solid {
  border-style: solid;
  border-width: 1px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  height: @height;
  width: @width;
  margin: 4px 2px;
  cursor: pointer;
  outline: none;
  border-radius: 8px;
  line-height: 3px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

button.solid:active,
button.hollow:active:not(:disabled){
  opacity: 0.6;
}
button.solid.large,
button.hollow.large {
  padding: 18px 32px;
  font-size: 20px;
}
button.solid.blue {
  border-color: @border-color;
  background-color: #3C96FF;
  color: white;
}
button.solid.green {
  border-color: @border-color;
  background-color: #3f9965;
  color: white;
}
button.solid.yellow {
  border-color: @border-color;
  background-color: #ffbb00;
  color: black;
}
button.solid.red {
  border-color: @border-color;
  background-color: #E73D32;
  color: white;
}

//hollow

button.hollow {
  border-style: solid;
  border-width: 1px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  height: 40px;
  width: auto;
  margin: 4px 2px;
  cursor: pointer;
  outline: none;
  border-radius: 8px;
  line-height: 3px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

button.hollow.green{
  background-color: white;
  color: black;
  border: 1px solid #3f9965;
}
/*
button.hollow.green:hover:not(:disabled) {
    background-color: #3f9965;
    color: white;
}
*/
button.hollow.red {
  background-color: white;
  color: black;
  border: 1px solid #E73D32;
}
/*
button.hollow.red:hover:not(:disabled) {
    background-color: #E73D32;
    color: white;
}
*/
button.hollow.blue {
  background-color: white;
  color: black;
  border: 1px solid #3C96FF;
}
/*
button.hollow.blue:hover:not(:disabled) {
    background-color: #3C96FF;
    color: white;
}
*/
button.hollow.yellow {
  background-color: white;
  color: black;
  border: 1px solid #ffbb00;
}
/*
button.hollow.yellow:hover:not(:disabled) {
    background-color: #ffbb00;
    color: white;
}
*/
button.small{
  height: 30px;
  width: auto;
  font-size: 5px;
  border-style: solid;
  border-radius: 8px;
  display: inline-block;
  outline: none;
  text-align: center;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button.small.blue{
  border-color: @border-color;
  background-color: #3C96FF;
  color: white;
}

button.small.green{
  border-color: @border-color;
  background-color: #3f9965;
  color: white;
}

button.small.yellow{
  border-color: @border-color;
  background-color: #ffbb00;
  color: black;
}

button.small.red {
  border-color: @border-color;
  background-color: #E73D32;
  color: white;
}

button.full{
  width: 100%;
}